<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>cqstyle</title>
	<link type="text/css" href="jquery-ui-1.7.2.custom.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="http://localhost:7777/driver.css" rel="stylesheet" />
	<script type="text/javascript" src="jquery-1.4.min.js"></script>
	<script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
	
	<!-- Test stuff -->
	<script type="text/javascript" src="qunit.js"></script>
	<link rel="stylesheet" type="text/css" href="qunit.css" rel="stylesheet" />
	
	<script type="text/javascript" src="driver.js"></script>
</head>
<body>
    <table class="wide">
        <tbody>
            <tr>
                <td colspan="3" class="browsers">
                    <input type="button" value="Start" class="btn" id="start" />&nbsp;
                    <input type="button" value="Stop" class="btn stop" id="stop" />&nbsp;
                    IE:<input type="checkbox" id="ie_check" checked/>&nbsp;
                    Firefox:<input type="checkbox" id="ff_check" checked/>&nbsp;
                    <!--Chrome:<input type="checkbox" id="chrome_check" checked/>&nbsp;-->                   
                </td>
            </tr>
            <tr>
                <td>
                    <input id="address" type="text" />
                </td>
                <td class="go_spacer_td">&nbsp;</td>
                <td class="go_td">
                    <input id="address_go" type="button" value="Go" />
                </td>
            </tr>
        </tbody>
    </table>
    <div class="spacer" style="height: 25px;">&nbsp;</div>
    <table class="wide" id="slider_settings">
        <tbody>
            <tr id="settings_hdr">
                <td class="range_settings_td selector_header">
                    CSS Selector
                </td>
                <td class="range_settings_td property_header">
                    Property
                </td>                
                <td class="range_settings_td from_header">
                    From
                </td>
                <td class="range_settings_td to_header">
                    To
                </td>
                <td class="range_settings_td to_header">
                    Units
                </td>                
            </tr>
            <tr>
                <td class="range_settings_td">
                    <input class="slider_input selector_input" type="text" val />
                </td>
                <td class="range_settings_td">
                    <input class="slider_input property_input" type="text" />
                </td>
                <td class="range_settings_td">
                    <input class="slider_input from_input" type="text" />
                </td>
                <td class="range_settings_td">
                    <input class="slider_input to_input" type="text" />
                </td>
                <td class="range_settings_td">
                    <input class="slider_input units_input" type="text" />
                </td>
            </tr>            
        </tbody>
    </table>
    <div class="spacer" style="height: 5px;">&nbsp;</div>
    <div id="slider" class="wide slider">&nbsp;</div>
    <div class="spacer" style="height: 5px;">&nbsp;</div>
    <div class="rgb_check">
        red:<input type="checkbox" class="red_check" checked/>&nbsp;
        green:<input type="checkbox" class="green_check" checked/>&nbsp;
        blue:<input type="checkbox" class="blue_check" checked/>&nbsp;
    </div>
    <div class="spacer" style="height: 15px;">&nbsp;</div>
    <div class="editor_label">Enter CSS:</div>
    <textarea id="editor1" rows="40"></textarea>
    
    <div id="qunit">
        <h1 id="qunit-header">Tests</h1>
        <h2 id="qunit-banner"></h2>
        <h2 id="qunit-userAgent"></h2>
        <ol id="qunit-tests"></ol>
    </div>
    
</body>
</html>